<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2023-11-29 09:29:27
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2023-12-09 23:25:00
 * @FilePath: /tuberculosis_screening_app/src/pages/patient/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="page">
    <div>
      <van-search v-model="value" placeholder="请输入搜索关键词" />

      <div class="align-items_center">
        <van-search
          class="flex"
          left-icon="none"
          v-model="value"
          placeholder="选择日期"
        />
        <span>-</span>
        <van-search
          class="flex"
          left-icon="none"
          v-model="value"
          placeholder="接入日期"
        />
      </div>
    </div>
    <div class="grid column_3 divider_vertical">
      <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
      </StatSheet>
      <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
      </StatSheet>
      <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
      </StatSheet>
    </div>
    <div class="p_default">
      <div class="section pitch_default">
        <PatientCard class="row"></PatientCard>
        <PatientCard class="row"></PatientCard>
        <PatientCard class="row"></PatientCard>
        <PatientCard class="row"></PatientCard>
        <PatientCard class="row"></PatientCard>
        <PatientCard class="row"></PatientCard>
        <PatientCard class="row"></PatientCard>
      </div>

      <van-button block type="primary">新增患者</van-button>
    </div>

  </div>
</template>

<script>
import { defineComponent } from 'vue';
import PatientCard from '@/components/common/PatientCard.vue';
import { StatSheet } from '@/components/common/index';
export default defineComponent({
  name: 'Center',
  components: {
    PatientCard,
    StatSheet
  },
  setup() {
    return {};
  },
});
</script>

<style lang="scss" scoped>
.page {
  background: #eeeeee;
}
</style>

